<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学术资源管理平台</title>
	<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../../../css/global.css">
	<link rel="stylesheet" type="text/css" href="../../../css/homepage.css">
    <link rel="stylesheet" type="text/css" href="../../../datatables/media/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="../../../datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../../../datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
</head>
<body>
	
	<!-- TeacherResearchModal -->
	<div class="modal fade" id="TeacherResearchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><span class="modal-title">教师科研数量统计详情</span>
				</div>
				<div class="modal-body">
                <div class="btn_stuffType">
                    <button type="button" class="btn btn-primary">所有的</button>
                    <button type="button" class="btn btn-primary">负责的</button>
                    <button type="button" class="btn btn-primary">参与的</button>
                </div>
					<table id="homepageTeacherResearch" class="table table-bordered" >
						<thead>
							<tr>
								<th>姓名</th>
								<th>科研项目</th>
								<th>学术论文</th>
								<th>专利</th>
								<th>获奖</th>
								<th>著作</th>
								<th>成果采纳</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><a>王勋</a></td>
								<td>454</td>
								<td>1</td>
								<td>5</td>
								<td>99</td>
								<td>89</td>
                                <td>89</td>
							</tr>
                            <tr>
                            <td><a>王勋</a></td>
                                <td>454</td>
                                <td>1</td>
                                <td>5</td>
                                <td>99</td>
                                <td>89</td>
                                <td>89</td>
                            </tr>
                            <tr>
                            <td><a>王勋</a></td>
                                <td>454</td>
                                <td>1</td>
                                <td>5</td>
                                <td>99</td>
                                <td>89</td>
                                <td>89</td>
                            </tr>
                            <tr>
                            <td><a>王勋</a></td>
                                <td>454</td>
                                <td>1</td>
                                <td>5</td>
                                <td>99</td>
                                <td>89</td>
                                <td>89</td>
                            </tr>
                            <tr>
                            <td><a>王勋</a></td>
                                <td>454</td>
                                <td>1</td>
                                <td>5</td>
                                <td>99</td>
                                <td>89</td>
                                <td>89</td>
                            </tr>
                            <tr>
                            <td><a>王勋</a></td>
                                <td>454</td>
                                <td>1</td>
                                <td>5</td>
                                <td>99</td>
                                <td>89</td>
                                <td>89</td>
                            </tr>
                            <tr>
                            <td><a>王勋</a></td>
                                <td>454</td>
                                <td>1</td>
                                <td>5</td>
                                <td>99</td>
                                <td>89</td>
                                <td>89</td>
                            </tr>
                            <tr>
                            <td><a>王勋</a></td>
                                <td>454</td>
                                <td>1</td>
                                <td>5</td>
                                <td>99</td>
                                <td>89</td>
                                <td>89</td>
                            </tr>
                            <tr>
                            <td><a>王勋</a></td>
                                <td>454</td>
                                <td>1</td>
                                <td>5</td>
                                <td>99</td>
                                <td>89</td>
                                <td>89</td>
                            </tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
    <!-- StudentResearchModal -->
    <div class="modal fade" id="StudentResearchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><span class="modal-title">学生科研数量统计详情</span>
                </div>
                <div class="modal-body">
                <div class="btn_stuffType">
                    <button type="button" class="btn btn-primary">所有的</button>
                    <button type="button" class="btn btn-primary">负责的</button>
                    <button type="button" class="btn btn-primary">参与的</button>
                </div>
                    <table id="homepageStudentResearch" class="table table-bordered" >
                        <thead>
                            <tr>
                                <th>姓名</th>
                                <th>学术论文</th>
                                <th>竞赛获奖</th>
                                <th>项目</th>
                                <th>专利</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><a>zylin</a></td>
                                <td>4</td>
                                <td>3</td>
                                <td>5</td>
                                <td>1</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- TeachStateModal -->
    <div class="modal fade" id="TeachStateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><span class="modal-title">学生科研数量统计详情</span>
                </div>
                <div class="modal-body">
                <div class="btn_stuffType">
                    <button type="button" class="btn btn-primary">所有的</button>
                    <button type="button" class="btn btn-primary">负责的</button>
                    <button type="button" class="btn btn-primary">参与的</button>
                </div>
                    <table id="homepageTeachState" class="table table-bordered" >
                        <thead>
                            <tr>
                                <th>姓名</th>
                                <th>教改项目</th>
                                <th>教学论文</th>
                                <th>教材</th>
                                <th>教师培训</th>
                                <th>教师获奖</th>
                                <th>竞赛指导</th>
                                <th>实习基地</th>
                                <th>实验室</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><a>zylin</a></td>
                                <td>4</td>
                                <td>3</td>
                                <td>5</td>
                                <td>1</td>
                                <td>4</td>
                                <td>3</td>
                                <td>5</td>
                                <td>1</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>




	<div class="">
		<!-- 导航栏 -->
		<div class="navbar navbar-fixed-top scroll-hide">
			<!-- 顶上导航栏 -->
			<div class="container-fluid top-bar topnav"></div>
			<!-- 横向导航栏 -->
			<div id="main-nav" class="container-fluid main-nav"></div>
		</div>
		<div class="container-fluid" >
			<div class="row" id="wrapper" >
				<div class="homePageContent col-md-8 col-md-offset-2" id="main">

					<div class="multipleSearch col-md-8 col-md-offset-2">
						<div class="row">
                        <!-- <div class="title col-md-2">
                             <h4 >高级搜索</h4>
                         </div> -->
                         <div class="col-md-4">
                             <input id="mSearch_1" type="text" class="form-control ">
                         </div>
                         <div class="col-md-2">
                             <select class="form-control">
                                <option value="or">并</option>
                                <option value="or">或</option>
                            </select>
                        </div>
                        <div  class="col-md-4">
                         <input id="mSearch_2" type="text" class="form-control ">
                     </div>
                     <div class="col-md-2">
                     <button class="btn btn-primary"><i class="fa fa-search" aria-hidden="true">高级搜索</i></button>
                     </div>
                 </div>
             </div>
             <div class="clearfix"></div>

             <div class="HomeTeacherScience HomeStatistic section">
              <span><a class="fa fa-th-list" aria-hidden="true"  data-toggle="modal" data-target="#TeacherResearchModal">&nbsp;教师科研</a></span>
              <div class="clear"></div>
              <table class="table teacherList col-md-3">
                 <tbody>
                    <tr>
                       <td class="filter-category green">
                          <div class="arrow-left"></div>
                          <i class="fa fa-flask" aria-hidden="true"></i>
                      </td>
                      <td>
                          科研项目
                      </td>
                      <td>
                          92
                      </td>
                  </tr>
                  <tr>
                   <td class="filter-category blue">
                      <div class="arrow-left"></div>
                      <i class="fa fa-search" aria-hidden="true"></i>
                  </td>
                  <td>
                      学术论文
                  </td>
                  <td>
                      23
                  </td>
              </tr>
              <tr>
               <td class="filter-category red">
                  <div class="arrow-left"></div>
                  <i class="fa fa-file-text" aria-hidden="true"></i>
              </td>
              <td>
                  专利
              </td>
              <td>
                  55
              </td>
          </tr>
          <tr>
           <td class="filter-category orange">
              <div class="arrow-left"></div>
              <i class="fa fa-trophy" aria-hidden="true"></i>
          </td>
          <td>
              获奖
          </td>
          <td>
              68
          </td>
      </tr>
      <tr>
       <td class="filter-category magenta">
          <div class="arrow-left"></div>
          <i class="fa fa-book" aria-hidden="true"></i>
      </td>
      <td>
          著作
      </td>
      <td>
          77
      </td>
  </tr>
  <tr>
   <td class="filter-category darkbule">
      <div class="arrow-left"></div>
      <i class="fa fa-book" aria-hidden="true"></i>
  </td>
  <td>
      成果采纳
  </td>
  <td>
      73
  </td>
</tr>
</tbody>
</table>
<div id="container-a" class="statisticChart col-md-7"></div>
<div id="container-1" class="statisticChart col-md-11"></div>
</div>
<div class="clear"></div>
<div class="HomeStudentScience HomeStatistic section">
  <span><a class="fa fa-th-list" aria-hidden="true"  data-toggle="modal" data-target="#StudentResearchModal">学生科研</a></span>
  <div class="clear"></div>
  <div class="widget col-md-10">
     <div class="item student-widget darkbule col-md-2">
        <!-- <i class="fa fa-flask" aria-hidden="true"></i> -->
        <div class="social-data">
           <h1>
              456
          </h1>
          学术论文
      </div>
  </div>
  <div class="item student-widget yellow col-md-2">
    <!-- <i class="fa fa-trophy" aria-hidden="true"></i> -->
    <div class="social-data">
       <h1>
          124
      </h1>
      竞赛获奖
  </div>
</div>
<div class="item student-widget red col-md-2">
    <!-- <i class="fa fa-group" aria-hidden="true"></i> -->
    <div class="social-data">
       <h1>
          541
      </h1>
      项目
  </div>
</div>
<div class="item student-widget green  col-md-2">
    <!-- <i class="fa fa-group" aria-hidden="true"></i> -->
    <div class="social-data">
       <h1>
          54
      </h1>
      专利
  </div>
</div>
</div>
<div class="clear"></div>
<div id="container-2" class="statisticChart col-md-6 pull-left"></div>
<div id="container-b" class="statisticChart col-md-5 pull-left"></div>
</div>
<div class="HomeStateScience HomeStatistic section">
  <span><a class="fa fa-th-list" aria-hidden="true"  data-toggle="modal" data-target="#TeachStateModal">教学平台</a></span>
  <div class="clear"></div>
  <div id="container-31" class="col-md-11 statisticChart"></div>
  <div id="container-32" class="col-md-11 statisticChart"></div>
  <div id="container-c" class="col-md-11 statisticChart"></div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer navbar-fixed-bottom"></footer>


<script type="text/javascript" src="../../../js/jquery-1.12.3.min.js"></script>
<!-- <script src="http://www.jq22.com/jquery/1.3.2/jquery.min.js"></script> -->
<script type="text/javascript" src="../../../js/bootstrap.js"></script>
<script type="text/javascript" src="../../../js/global.js"></script>
<script type="text/javascript" src="../../../js/index.js"></script>
<script type="text/javascript" src="../../../js/admin/adminHomePage.js"></script>
<script type="text/javascript" src="../../../datatables/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../../../js/pagescroller.min.js"></script>
<script type="text/javascript" src="../../../js/highcharts.js"></script>
</body>
<script type="text/javascript">
    // 教师科研图表
var options1 = {
    chart: {
        type: 'line',
    },
    title: {
                text: '教师科研（近三年）'                 // 标题
            },
            credits: { enabled: false},
            xAxis: {
                categories: ['2015', '2016', '2017']   // x 轴分类
            },
            yAxis: {
                title: {
                    text: '学术资源个数'                // y 轴标题
                }
            },
            series: [{                              // 数据列
                name: '科研项目',                        // 数据列名
                data: [19, 30, 88]  
                },{                              // 数据列
                name: '科研项目',                        // 数据列名
                data: [19, 30, 88]  
                },{                              // 数据列
                name: '科研项目',                        // 数据列名
                data: [19, 30, 88]  }]                   // 数据
            };
            var chart = Highcharts.chart('container-1', options1);


            $('#container-a').highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: '百分比堆叠柱形图'
                },
                credits: { enabled: false},
                xAxis: {
                    categories: ['科研项目', '学术论文', '专利', '获奖', '著作','成果采纳']
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: '科研项目完整度/不完整度'
                    }
                },
                tooltip: {
                    pointFormat: '<span style="color:{series.color}">{series.name}</span>: {point.percentage:.0f}%<br/>',
                    shared: true
                },
                plotOptions: {
                    column: {
                        stacking: 'percent'
                    }
                },
                series: [{
                    name: '完整度',
                    data: [5, 3, 4, 7, 2,1]
                }, {
                    name: '不完整度',
                    data: [5, 7, 6, 3, 1,8]
                }]
            });

//学生科研图表
var options2 = {
    chart: {
    },
    title: {
        text: '学生科研（近三年）'                 
    },
    credits: { enabled: false},
    xAxis: {
        categories: ['2015', '2016', '2017']   
    },
    yAxis: {
        title: {
            text: '学术资源个数'                
        }
    },
    series: [{                              
        name: '科研项目',                        
        data: [19, 30, 88]  }]                   
    };
    var chart = Highcharts.chart('container-2', options2);

    $('#container-b').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: '百分比堆叠柱形图'
        },
        credits: { enabled: false},
        xAxis: {
            categories: [ '学术论文', '竞赛获奖', '项目', '专利']
        },
        yAxis: {
            min: 0,
            title: {
                text: '科研项目完整度/不完整度'
            }
        },
        tooltip: {
            pointFormat: '<span style="color:{series.color}">{series.name}</span>: {point.percentage:.0f}%<br/>',
            shared: true
        },
        plotOptions: {
            column: {
                stacking: 'percent'
            }
        },
        series: [{
            name: '完整度',
            data: [5, 3, 4,6]
        }, {
            name: '不完整度',
            data: [5, 7, 6,4]
        }]
    });


//教学平台图表1
var options31 = {
    chart: {
        type: 'column'
    },
    title: {
        text: '教学平台（近三年）'                 
    },
    credits: { enabled: false},
    xAxis: {
        categories: ['教改项目','教师论文','教材','教师培训','教师获奖','竞赛指导','实验基地','实验室']   
    },
    yAxis: {
        title: {
            text: '学术资源个数'                
        }
    },
    plotOptions: {
        column: {
            dataLabels: {
                inside: true
            }
        }
    },           
    series: [{                              
        name: '科研项目',                        
        data: [19, 30, 88, 44, 78, 91, 54, 14]  }]

    };

    var chart = Highcharts.chart('container-31', options31);


//教学平台图表2
var options32 = {
    chart: {
    },
    title: {
        text: '教学平台（近三年）'                 
    },
    credits: { enabled: false},
    xAxis: {
        categories: ['2015', '2016', '2017']   
    },
    yAxis: {
        title: {
            text: '学术资源个数'                
        }
    },
    series: [{                              
        name: '科研项目',                        
        data: [19, 30, 88]  }]                   
    };
// 图表初始化函数
var chart = Highcharts.chart('container-32', options32);
$('#container-c').highcharts({
    chart: {
        type: 'column'
    },
    title: {
        text: '百分比堆叠柱形图'
    },
    credits: { enabled: false},
    xAxis: {
        categories: ['教改项目','教师论文','教材','教师培训','教师获奖','竞赛指导','实验基地','实验室']
    },
    yAxis: {
        min: 0,
        title: {
            text: '科研项目完整度/不完整度'
        }
    },
    tooltip: {
        pointFormat: '<span style="color:{series.color}">{series.name}</span>: {point.percentage:.0f}%<br/>',
        shared: true
    },
    plotOptions: {
        column: {
            stacking: 'percent'
        }
    },
    series: [{
        name: '完整度',
        data: [5, 3, 4,5,8,4,7,4]
    }, {
        name: '不完整度',
        data: [5, 7, 6,4,5,7,2,4]
    }]
});


</script>
</html>